<template>
    <div class="titleContent">
		<span></span>
		<p>
			{{title}}
		</p>
    </div>
</template>
<script setup>
	export default {
		data(){
			return {}
		},
		
		props:["title"]
	}
</script>
<style>
    .titleContent {
		width: 100%;
		padding: 5px 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}
	
	.titleContent  span{
		display: inline-block;
		width: 5px;
		height: 16px;
		background: #1BA035;
		margin-right: 8px;
		border-radius: 4px;
	}
	
	.titleContent p {
		font-size: 14px;
		color: #333;
		margin-right: 8px;
	}
	
	.add {
		margin-right: 8px;
	}
</style>
